<template>
  <div>
    <!-- 自定义v-model -->
    <!-- 作用：定义可使用v-model做双向绑定的组件 -->
    <!-- 原理：1、组件内部自动管理值和事件；-->
    <!-- 2、组件内定义model的prop和event，prop的值是承载外部v-model传入的值，event是内部value变化时触发的事件名 -->
    自定义v-model 
    <input type="color" 
      :value="value2"
      @input="$emit('change2', $event.target.value)"
    >
  </div>
</template>

<script>
export default {
  model: {
    prop: 'value2',
    event: 'change2'
  },
  props: ["value2"],
  data() {
    return {
      
    }
  }
}
</script>